版式三部曲之文字篇

研习设订阅号

设计干货  杜绝注水

戳一下看视频版

继版式三部曲之构图篇结束之后，时隔几个月终于迎来了这个系列的第二篇内容，就是“文字篇”。对上一篇内容还有印象的同学，应该记得我在结尾处预留的一个预告，当时我说的编排细节就是“文字”，为什么是文字呢？因为我们在排版时除了处理图片之外，剩下的就是要编排文字。今天的这篇文章也将围绕着“文字”展开，相信大家看完后会对“文字”有一个全新的了解，也将明白文字对于版面的意义是巨大的，处理好它，基本上你的版面也就编排的差不多了。好了，下面我们开始今天的内容吧。

👈 向左滑动查看更多内容 

首先来看几张不同类型的海报，第一张文字占比较高，第二张图片占比较高，第三张文字与图片占比是五五开。

然而不管是属于哪种类型的，它们的核心目的都是在传达信息。因为对于一张海报来说，我们不光会看还会去阅读它们。

平面设计就是通过文字来“说话”的。

👈 向左滑动查看更多内容 

而在广告设计中，图片的占比会非常高，因为广告多以图片为主，通过图片我们能大致的猜测出设计师想要表达的东西是什么。

总结一下：广告设计多以图片为主，意在通过图片传达概念；而平面设计则多以文字或图片为主，意在通过文字传达信息。

那么作为信息传达的载体，字体就显得格外重要了。下面我会从字体的分类、字体的搭配、字体的气质与设置细节着手，慢慢带领大家去认识字体，首先我们来看看字体的分类都有哪些。

中文字体大致可分为：黑体、宋体、圆体、书法体与卡通体等。

其中书法体又细分为：楷书、行书、草书与隶书等。

在列举的这些字体中，最常用就是：黑体、宋体和圆体，而在书法体中，最常用的是楷书与行书。为什么说这些字体常用呢？因为在许多优秀的设计作品中，这些字体的出现概率都非常高，尤其是黑体与宋体。

下面说一下英文字体，大致可以分为：衬线体、无衬线体、手写体与展示字型等。

其中最常用的就是：衬线体与无衬线体。理由与中文一样，它们也是使用率很高的字体，其次还有一个原因就是在以中文为主的设计中，它们与中文字体搭配起来比较契合。

拿黑体来说，与之搭配的英文字体就是无衬线体，因为它们的笔画特征相似度很高。

宋体搭配的就是衬线体，因为宋体的笔画特征是有粗细变化且有装饰线，而英文的衬线体也刚好有与之相似的地方。

而圆体则是搭配拥有相似特征的无衬线体。

因为常用的书法体通常使用毛笔书写，所以在笔画特征上没有与之相匹配的英文字体，大多数时候我们会选择用衬线体来搭配，具体原因我会在后面的字体气质环节为大家讲解。

虽然也有别的搭配方式存在，但我给大家提供的这些都是最常用和最安全的。说完字体搭配问题后，下面我们来看看这些字体，所包含的气质又有哪些。

首先是黑体，它具有科技感与现代感，这是由它简洁干练的笔画特征决定的。

其次黑体也能表现出运动与时尚的感觉，因为运动与时尚本就是偏现代的词汇。

接着是宋体，它具有文化与历史的气质，这个比较好理解。

而除了能表现出历史与文化感之外，宋体还能表现出清新与雅致的感觉，这是由宋体的笔画特征决定的，横细竖粗且末端带有装饰，与优雅精致的感觉十分契合。

圆体的特点也是非常明显的，在看到它时脑海中的第一印象就是可爱与卡通。

除了刻板印象外，圆体那种圆滚滚的笔画给我们的感觉还有安全和易亲近，所以圆体也能用来表现儿童与温暖感觉的题材。

一说到书法体，能直接联想到的关键词就是传统与历史，因为书法的演变就是我们汉字发展的轨迹。然后我们回过头来讲一下，为什么书法体可以和西文中的衬线体搭配。

👈 向左滑动查看更多内容 

原因就在于衬线体也具备书法体的某些气质，比如传统、文化、历史等。与书法体在早期的东方一样，衬线体在早期的西方也是主要的字体之一。

温暖、人情味儿，说到书法体可能很难联想到这两个词，但是书法体确实具备这种气质。跟黑体这种棱角分明的字体相比，书法体是手写出来的，它的笔画特征给我们的感觉就是有“温度”的。

在字符面板中，除了选择字体与改变字号以外，这两个区域相信大家用的还是比较多的，它们分别是：行距设置与字距设置。

拿行距来说，在使用时有几个比较常用的设置方法，比如用当前文字的字号乘以1.2、1.732或是2。不过，通过这个方法所算出来的数值只是一个参考，也就是说你可以在这个基础上做些调整。

比如：在计算出的数值的基础上进行递增或是递减，这时你要做的就是用眼睛去观察，觉得大了就减少一些，觉得小了就增大一些。

其中，用字号乘以1.2适用于标题。

比如上方那个标题的字号是40pt，那么行距的数值就是用40乘以1.2等于48。下方这个是在此基础上做的一个调整，稍微增大了一些行距。

字号乘以1.2适用于标题，而用字号乘以1.732或2则更适用于小字号的文字，比如内文。

上方是用字号乘以1.732的例子，字号是9pt，用它乘以1.732得出来的数值是15.588，四舍五入取个整数得到的行距就是16，下方这个是用字号乘以2得到的效果。

大多数情况下我建议大家用字号乘以1.732的行距，大小比较适中。

跟行距不同的是，基本上来说字距是无需调整的。当然还是那句话，要靠自己的眼睛来衡量，如果你觉得字与字之间离的很近的话，那么可以增大一些字距，反之，则可以减小一些。

其次就是，当你遇到一些偏轻松慢节奏的设计，比如典雅清新类的文学小说时，就可以适当的增加一些字距来营造这个感觉。

比如这两张海报，左边的是经典的居中结构，右边的是包围结构，构图都是可以的没有任何问题，但为什么看起来还是怪怪的呢？因为文字组没有刻画好。

为了让大家能更深刻地体会到文字组对于版面的意义，修改了这两张海报，其中构图不变只改文字组。

这个修改前后的对比还是非常直观的，可见文字组对版面的影响有多大。如果说构图是版面的骨架的话，那么文字组就是版面的五官，骨架再好五官不行结果也是可想而之的。

文字组分为：左对齐、居中对齐、顶对齐以及两端对齐。

其中与左对齐与顶对齐对应的有：右对齐与底对齐。

给大家找了一些各种对齐方式的案例。这是左对齐的形式。

这是右对齐的形式，与左对齐相比右对齐属于不常用的对齐方式，主要是出于易读性的考虑，但并不是说不能用。

这是居中对齐的形式，最经典的对齐方式之一。

这是顶对齐的形式，是文字竖排时最常用的对齐方式。

这是底对齐的形式，跟顶对齐相比也是属于不常用的对齐方式。

最后是两端对齐的形式，横排与竖排都可以使用这种对齐方式。

如果作品看得足够多，应该见过这种形式的组合，它同时包含了多种不同对齐方式，我们称其为“对齐组合”。

比如我们可以借鉴结构，以这个文字组为例，它的结构是这样的：两端对齐、中间的文字字号大，上下的文字字号小，按照这个套路我们来试着做一个组合。

在编排前，我们先阅读一下文案，通过文字可以得知，这是一个与篮球明星有关的内容，气质上来说会偏现代一些。

所以字体可以选择一款黑体，英文部分则搭配一款无衬线体。

根据之前总结到的这些特征，下面就可以开始编排文字了。

按照那个组合的套路，我们先将两端对齐中较大字号的文字给编排出来，而标题信息无疑是非常适合用来放大的。

接着再将上方和下方的小字号文字给编排出来。

其中要注意的就是这段文字的行距，我参考了logo的高度来进行设置。而整个组合中，字距是基本没有进行调整的。

值得一提的是，在两端对齐的文字组中，这种小大小的形式非常好用。因为它的节奏变化丰富，所以大家在做两端对齐的文字组时不妨试试。

这就是借鉴结构的效果了，精髓在于要多去分析别人的形式与套路，并从中获取做组合的灵感。除了能借鉴结构之外，我们还可以借鉴标题字数+结构，是什么意思呢？

以这个组合为例，它的标题有7个字，整个组合是由顶对齐与两端对齐构成的一个对齐组合。

它的组合结构为小中大，按照这些特点我们来尝试借鉴。

这是要用到的文案信息，通过阅读文案可以得知，这是一个关于炸鸡套餐的内容。

通过去看kfc的各种物料，发现运用黑体的场景还是比较多的。

所以，在字体搭配上选择用黑体与无衬线体。

根据之前总结到的这些特征，下面就可以开始编排文字了。

按照小中大的特点，依次将信息给编排出来。

完成后可以在组与组之间，添加一根小线段用于连接，以起到过度的作用，如果大家现在回过头去看原图的话，也能发现这一特征。

其中，标题的行距就是用标题的字号乘以1.2算出来的。

字距我也做了调整，因为默认0的字距看上去有些拥挤。

可以看出跟原图相比，在不破坏组合结构的情况下，针对文字信息的编排是做了些调整的，比如：原稿最左侧是两行顶对齐的小文字，在借鉴时将它换成了logo，因为我们是要借鉴它的结构，而不是为了跟原稿做的一模一样，具体还是要根据我们的内容来合理编排。

首先我们来看这张图，一个标准的两端对齐、组合结构与之前那个是一样的，中间的字号大，上下的字号小。

除去这些外还有一个小特征就是，在大字号中间还有一层小字号的文字。

接着我们再来看这张图，它的特点就是图片叠压在了文字的上方。至于它的结构我们可以不用考虑，因为结构已经找好借鉴了。

这是要用到的文案与图片。通过文字可以得知，这是一个关于介绍昆虫的图书，且配有一张插图。这个插图的风格是手绘形的，偏写实一些没有那么的卡通。

结合这些特点我选择的字体搭配方式是，宋体配衬线体。

👈 向左滑动查看更多内容 

因为字体搭配这部分我又借鉴了一些相关风格的书，发现它们的字体搭配方式用宋体比较多。

分析完文案找到字体搭配方式后，在结合之前总结的一些组合特征，我们就可以开始编排了。

先将中间比较大的那层文字给编排出来，然后在它中间处置入一个小字号的文字。

中间层编排完成后再来编排上下层的文字，字号不用太大，整体注意好两端对齐。

调整字距的地方有两处，首先是标题，调整的原因在于默认值我觉得有些小了，其次是标题中间的那行文字，调整它的原因在于不想字号放太大。

因为是两端对齐的结构，不调整字距的话。标题中间那行文字只能通过放大字号来达到目，然而这个效果并不是我想要的。

综合考虑，选择了这个，最后，把图片置入进去叠压在文字的上方。

图叠压在文字上有一个无法避免的问题就是，被压住的文字会出现无法识别的情况，英文还好但是中文却不行，因为在这个组合中，中文是用来阅读的文字，英文仅充当装饰用。

既然中文是重要的信息，那为什么还要去遮挡它呢？因为有提示，通过这两个字你也能猜出来被压住的文字是什么。

这就是借鉴结构+表现手法的例子，多一张图片的加入，混合借鉴后的效果与原稿的相似度就会降低。

下面我们来看这张图，它既有顶对齐又有两端对齐的感觉，像这种组合我将它称为顶部两端对齐。

它的组合结构也是一个小大小的形式。

分析完上一个组合后，再来看看这个组合，值得借鉴的地方有两处，首先就是整体的结构，其次就是字体搭配。由于已经借鉴了上一个组合的结构，所以这个组合要借鉴的就是字体搭配。

在原图的这个字体搭配中，英文是最好判断的，这个字体是衬线体，中文则比较陌生了，既不像黑体也不像宋体。

感觉是被设计过的，不像是字库里的字体，我通过观察发现，它既有宋体横细竖粗的笔画感觉，又有黑体干净利落的特征。

所以，我在字库字体中找到了一款具有类似感觉的字体：姚体。

在字体搭配上选择用姚体搭配衬线体。这里需要强调的一点是，在挑选字体借鉴的过程中已经考虑到了与文案的气质相匹配的问题，下面我们就来看看文案。

标题叫“遇见你之前”，给人的感觉比较文艺，而姚体我们前面也分析过了，它是具有宋体特征的，而且笔画细长，整体给人的感觉就是比较文艺的。

分析完成后，结合之前总结的组合特点就可以开始编排了。

第一步，还是按照小大小的感觉将组合给编排出来，注意好顶部两端对齐。

接着在组与组的缝隙处加入线条就完成了。

在这个组合中标题的行距与字距，默认状态下是左边这样的，字距还好，行距却非常大，这个时候你就不能套用之前讲到的倍数去算行距了。那样行距只会越来越大，所以这里我们要根据视觉效果来调整。

这样，一个借鉴结构+字体搭配的例子就完成了。

这是要用到的文案与图片素材，首先，老规矩分析一下文案，选择与之契合字体。书名叫《流星之绊》，还是比较文艺的。

👈 向左滑动查看更多内容 

根据这个书名，搜索了一下原书的样子，在这三个不同的版本中，所感受到的气质有：温情和雅致，在字体的选择上与之较为契合的有：书法体与宋体，这两个字体的选择在这三个不同的原版本中也都有体现。

打算用宋体，与其搭配的英文首选就是衬线体了。

这是第一个要借鉴的对象，可能有人会说这不像文字组，这确实不是文字组，但并不代表它不能被联想成文字组。

比如它的结构是由一个顶对齐与一个左对齐构成的对齐组合，而且下方的那个左对齐文字是放在了顶对齐的负空间处的。

其次，顶对齐的文字字号较大，下方左对齐的文字字号较小。

这就是根据那张图所总结出的一些组合特征，下面我们就根据这些特征来编排文字。

先排出顶对齐的文字，然后在其负空间处置入左对齐的文字信息。

排到这发现右下角还有块小缺口，既然是要做一个对齐组合的话，那么就要把它填满。

关于顶对齐的中间部分为什么要这么做，是因为标题的字数不足以作出顶对齐的感觉，为了解决这个问题，选择重复了一次标题并且将它的笔画打散了，而打散的灵感来源于“流星”，它们就像流星一样散布在天空中，不知道什么时候就会掉落下来。到这为止是书封的上半部分，下面我们来编排下半部分。

这是要用到的借鉴图，它也是一个由顶对齐与左对齐构成的对齐组合。

除了这个外它顶对齐部分的文字跟左对齐的比，也是属于较大的。

这是从那个组合中，总结出的组合特征，与上一个几乎一样。

按照总结出的组合特征，将文字给编排出来。

其中顶对齐与这段左对齐的文字，它们的行距是用字号乘以1.732算出来的，字距则是做了些微调整，因为当文字缩小后，它的字距在视觉上看着也会变小，所以我在默认0的基础上将字距增加到了50。

这就是根据那两张图片所借鉴出来的文字组了，下面把它们置入进版面中。

整体是一个上下结构的，这种类型在构图中属于上下构图。这也是为什么会找那两张图来当参考的原因，因为提前已经考虑好了构图。

接下来做烘托氛围的工作，先把底色换成夜空的黑色，然后配上图片。

接着更换字体的色彩恢复识别性，其中黄色的部分是为了与白色部分做区分。

然后给腰封换上色彩以恢复下方的文字的识别性，再挑选一些信息，在它们的下方配上黄色，目的是为了与上方的色彩做呼应。

最后，将书脊编排出来，这个案例就编排完成了。

以上就是版式三部曲之文字篇的所有内容了，回顾一下，由两个部分组成。第一部分是：字体的分类、字体的搭配、字体的气质与设置细节。具体包括：字体有哪些不同的类型、在选中字体的类型后，要如何选择与之搭配的英文字体。字体气质主要讲的是，不同类型的字体都有哪些味道，它的意义在于当你确定好项目的风格后，可以根据不同字体的气质，快速的找到与项目定位契合的字体。

第二部分主要讲的是：文字组的刻画与借鉴，其实对于新手而言，刻画文字组的过程就是借鉴的过程，因为我们都需要在借鉴的过程中逐步积累编排的经验，所以学会如何借鉴对于我们的成长是至关重要的。这一期要说的就是这些，我们下期再见，拜拜。

想看版式三部曲之构图篇，请点击下方图片。

往期精彩内容推荐

戳一下看视频

由于微信公众号更改了推送机制，推文不再按照时间线推送，为了以后能及时观看到我们的教程和文章，看完文章后记得给我们点个“在看”哦。如果你喜欢我们的文章，这将是对我们最大的鼓励和支持。